<!--
 * @Author: 陈迪秀 1170776994@qq.com
 * @Date: 2024-02-23 13:32:11
 * @LastEditors: 陈迪秀 1170776994@qq.com
 * @LastEditTime: 2024-02-23 15:24:07
 * @FilePath: \vite-project\src\components\footer.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="footer">
    <give-service class="footer-view" />
    <house-keep class="footer-view" />
    <div class="footer-view footer-view--filing">
      {{ Filing }}
    </div>
  </div>
</template>
<script setup lang="ts">
import { Filing } from "./constants";
import GiveService from "./give-service.vue";
import HouseKeep from "./housekeep.vue";
</script>

<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}
.footer {
  background: #111;
  color: #fff;
}
.footer-view {
  box-sizing: border-box;
  border-bottom: 2px solid #1c1c1c;
}
.footer-view--filing {
  height: 60px;
  min-width: 1280px;
  line-height: 60px;
  text-align: center;
  color: #c4c4c4;
  font-size: 14px;
}
</style>
